import { defineStore } from 'pinia'

//选项式
// export const useCountStore = defineStore('count', {
//     actions: { //方法(修改数据)
//         increment(value: number) {
//             if (this.sum < 10) {
//                 this.sum += value //this是store
//             }
//         }
//     },
//     state() { //真正存储数据的地方
//         return {
//             sum: 6,
//             school: 'qinghua',
//             address: 'beijing',
//             person: [{ 'id': 1, 'name': 'zhangsan' }]
//         }
//     },
//     getters: { //state数据处理后再使用
//         bigSum: state => state.sum * 10,
//         upperSchool(): string {
//             return this.school.toUpperCase()
//         }
//     }
// })

//组合式
import { ref, reactive, computed } from 'vue'
export const useCountStore = defineStore('count', () => {
    const sum = ref(6) //state
    const school = ref('qinghua')
    function increment(value: number) { //actions方法(修改数据)
        if (sum.value < 10) {
            sum.value += value
        }
    }
    const bigSum = computed(() => sum.value * 10) //getters
    const upperSchool = computed(() => school.value.toUpperCase())
    return { sum, school, bigSum, upperSchool, increment }
})